@(signupForm: Form[models.forms.SignupForm])

@import helper._
@import helper.twitterBootstrap._

@empty("Slug") {
    <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/signup.css")">
	<div class="container">
	    <div class="row">
	        <div class="col-sm-6 col-md-4 col-md-offset-4">
	            <h1 class="text-center login-title">Sign up to Slug</h1>
	            <div class="account-wall">
	                <img class="profile-img" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120" alt="">
	                <form action="@routes.Application.signup()" class="form-signup" method="POST">
		                <input type="text" name="username" class="form-control top" placeholder="Email" required autofocus>
		                <input type="password" name="password" class="form-control middle" placeholder="Password" required>
		                <input type="password" name="repeatPassword" class="form-control middle" placeholder="Retype password" required>
		                <input type="text" name="email" class="form-control middle" placeholder="Email" required>
		                <input type="text" name="fullName" class="form-control bottom" placeholder="Full name" required>
		                <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
	                </form>
	            </div>
	            <a href="@routes.Application.login()" class="text-center back-login">Back to login </a>
	        </div>
	    </div>
	</div>
}